58

     # Скрытие html-элемента через JS

Основные способы скрытия элемента через JS:

1
2
3
document.getElementById("any").hidden = true
document.getElementById("any").setAttribute("hidden", true)
document.getElementById("any").style="display: hidden;"

Важно: при редактировании элемента через .style, мы полностью перезаписываем ранее применённый стиль. Поэтому если у элемента был определённый стиль, то - когда нужно будет сделать элемент снова видимым, придётся заново указывать и все ранее применённые стили.

Опция .setAttribute позволяет редактировать разные атрибуты элемента, напр., навешивать скрипты:

1
2
3
4
5
back_button.setAttribute("onclick", 'remove_details()')
btn_menu_item.setAttribute("onclick", "launch_me_phone(value)")
element.setAttribute("onclick", 'show_page_by_button(Number(' + cur_logic + '))')
table_stat.setAttribute("width", "100%")
child_div.setAttribute("url", testabv[i].url)